<template>
	<div id="box">
		<header>
		<ul>
			<li @click="fanhui"><img src="../assets/img/fanhui2.png"></li>
			<li>手机数码</li>
			<li><img src="../assets/img/gengduo.png"></li>
		</ul>	
	</header>
	<section>
		<div class="menu">
			<dl>
				<dd><img src="../assets/img/yigou.png"></dd>
				<dd>
					<h2>良品铺子 甜辣鸭脖 190g/袋x3袋</h2>
					<p><img src="../assets/img/jindutiao3.png"></p>
					<p><span>总需59</span><span>剩余59</span></p>
				</dd>
				<router-link to="jiangpinxiangqinger">
				<dd><button>参与</button></dd>
			</router-link>
			</dl>
		</div>
		<div class="menu">
			<dl>
				<dd><img src="../assets/img/yigou.png"></dd>
				<dd>
					<h2>良品铺子 甜辣鸭脖 190g/袋x3袋</h2>
					<p><img src="../assets/img/jindutiao3.png"></p>
					<p><span>总需59</span><span>剩余59</span></p>
				</dd>
				<dd><button>参与</button></dd>
			</dl>
		</div>
		<div class="menu">
			<dl>
				<dd><img src="../assets/img/yigou.png"></dd>
				<dd>
					<h2>良品铺子 甜辣鸭脖 190g/袋x3袋</h2>
					<p><img src="../assets/img/jindutiao3.png"></p>
					<p><span>总需59</span><span>剩余59</span></p>
				</dd>
				<dd><button>参与</button></dd>
			</dl>
		</div>
		<div class="menu">
			<dl>
				<dd><img src="../assets/img/yigou.png"></dd>
				<dd>
					<h2>良品铺子 甜辣鸭脖 190g/袋x3袋</h2>
					<p><img src="../assets/img/jindutiao3.png"></p>
					<p><span>总需59</span><span>剩余59</span></p>
				</dd>
				<dd><button>参与</button></dd>
			</dl>
		</div>
		<div class="menu">
			<dl>
				<dd><img src="../assets/img/yigou.png"></dd>
				<dd>
					<h2>良品铺子 甜辣鸭脖 190g/袋x3袋</h2>
					<p><img src="../assets/img/jindutiao3.png"></p>
					<p><span>总需59</span><span>剩余59</span></p>
				</dd>
				<dd><button>参与</button></dd>
			</dl>
		</div>
		<div class="menu">
			<dl>
				<dd><img src="../assets/img/yigou.png"></dd>
				<dd>
					<h2>良品铺子 甜辣鸭脖 190g/袋x3袋</h2>
					<p><img src="../assets/img/jindutiao3.png"></p>
					<p><span>总需59</span><span>剩余59</span></p>
				</dd>
				<dd><button>参与</button></dd>
			</dl>
		</div>
		<div class="menu">
			<dl>
				<dd><img src="../assets/img/yigou.png"></dd>
				<dd>
					<h2>良品铺子 甜辣鸭脖 190g/袋x3袋</h2>
					<p><img src="../assets/img/jindutiao3.png"></p>
					<p><span>总需59</span><span>剩余59</span></p>
				</dd>
				<dd><button>参与</button></dd>
			</dl>
		</div>
	</section>
	<footer>
		<ul>
		<router-link to="shouye">
			<li><img src="../assets/img/foot1.png"><p>首页</p></li>
		</router-link>
			<router-link to="zuixinjiexiao">
			<li><img src="../assets/img/foot2.png"><p>最新揭晓</p></li>
		</router-link>
		<router-link to="qingdan">
			<li><img src="../assets/img/foot3.png"><p>清单</p></li>
		</router-link>
		<router-link to="faxian">
			<li><img src="../assets/img/foot4.png"><p>发现</p></li>
		</router-link>
		<router-link to="sjdenglu">
			<li><img src="../assets/img/foot5.png"><p>我</p></li>
		</router-link>
		</ul>
	</footer>
	</div>
</template>
<script>
   // import ".././assets/js/swiper.min.js";
   import".././assets/js/jquery-1.12.4.min.js"
export default {
  name: 'shouye',
 methods:{
 	fanhui(){
 		this.$router.go(-1)
 	}
 	
 }
}


$(function(){
	$("footer ul li").click(function(){
		var index=$(this).index();
		$(this).addClass("curr").siblings().removeClass('curr');
	});
	
})
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
  @import ".././assets/less/shoujishuma.less";
  @import ".././assets/css/reset.css";
  
   
</style>